<!DOCTYPE html>
<html>
<head>
	<script charset="utf-8" src="js/jquery.min.js?v=01291"></script>
	<script charset="utf-8" src="js/global.js?v=01291"></script>
	<script charset="utf-8" src="js/bootstrap.min.js?v=01291"></script>
	<script charset="utf-8" src="js/template.js?v=01291"></script>
	<script charset="UTF-8" src="js/view.js"></script>
	<link rel="stylesheet" href="css/bootstrap.css?v=01291">
	<link rel="stylesheet" href="css/style.css?v=1?v=01291">
	<link rel="stylesheet" href="css/member.css?v=01291">
	<link rel="stylesheet" href="css/order3.css?v=01291"><meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no" name="format-detection">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1,user-scalable=no">
	<title>艾吉贝2015新款多层收纳真皮单肩斜挎包女包头层牛皮斜跨小包包女</title>
	<link rel="stylesheet" href="css/productDetail.css?v=01291">
	<script charset="utf-8" src="js/TouchSlide.js?v=01291"></script>

	<style type="text/css">
		.details_con li .tb-out-of-stock{
			border: 1px dashed #bbb;
			color:#bbb;
			cursor: not-allowed;
		}
		.no-selected{
			background: #ffe8e8 none repeat scroll 0 0;
			border: 2px solid #be0106;
			margin: -1px;
		}
	</style>
</head>
<body>

<div class="fanhui_cou">
	<div class="fanhui_1"></div>
	<div class="fanhui_ding">顶部</div>
</div>

<header class="header">
	<div class="fix_nav">
		<div style="max-width:768px;margin:0 auto;background:#000;position: relative;">
			<a class="nav-left back-icon" href="javascript:history.back();">返回</a>
			<div class="tit">商品详细</div>
		</div>
	</div>
</header>
<input type="hidden" id="prodId" value="663"/>
<input id="currSkuId" value="" type="hidden"/>
<div class="container">
	<div class="row white-bg"><!--轮播-->

		<div id="slide">

			<div class="bd">
				<div class="tempWrap" style="width: 0 auto;max-width: 768px;overflow:hidden; position:relative;">
					<ul style=" position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; ">
						<li style="display: table-cell; display:inline;">
							<a href="#">
								<img style="margin:1px;width: 100%;" src="img/53698282-4ff7-4daa-bb4c-4bcaa14b00fc.jpg">
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="row gary-bg"><!--信息 -->

		<div class="white-bg p10 details_con">
			<h1 class="item-name" id="prodName">艾吉贝2015新款多层收纳真皮单肩斜挎包女包头层牛皮斜跨小包包女</h1>
			<ul>
				<li><
					<label>商城价格：</label>
					<span class="price">¥<span class="price" id="prodCash">179.00</span></span>
				</li>
				<li id="choose_0" index="0" >
					<label id="propName" propname="颜色">颜色：</label>
					<dl>
						<dd key="208:635" valId="635" onclick="changeColor(this)">黑色<span></span></dd>
						<dd class="check" key="208:636" valId="636" onclick="changeColor(this)">红色<span></span></dd>
						<dd key="208:661" valId="661" onclick="changeColor(this)">黄色<span></span></dd>
						<dd key="208:661" valId="661" onclick="changeColor(this)">白色<span></span></dd>
					</dl>
				</li>
				<li>
					<label>数量：</label>
					<div class="count_div" style="height: 30px; width: 130px;">
						<a class="minus"></a>
						<input id="prodCount" type="text" class="count" value="1" readonly="readonly"/>
						<a class="add"></a>
					</div>
				</li>
			</ul>
		</div>
		<div id="goodsContent" class="goods-content white-bg">

			<div class="hd hd_fav">
				<ul>
					<li class="on">图文详情</li>
					<li class="">规格参数</li>
					<li class="">评价(0)</li>
				</ul>
			</div>
			<div class="tempWrap" style="overflow:hidden; position:relative;"> <!--描述-->
				<div style="width: 0 auto; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translateX(0px);" class="bd">
					<ul style="display: table-cell; vertical-align: top; max-width: 768px;width: 100%;" class="property">
						<div class="prop-area" style="min-height:300px;overflow: hidden;">
							<img src="img/8a9740c7-7f8e-4f20-ba64-1e90dd596ebe.jpg" style=" width: 0 auto;" />
						</div>
					</ul>
					<ul class="txt-imgs" style="display: table-cell; vertical-align: top; max-width: 768px;width: 100%;">
						<div class="desc-area" style="padding: 0px 10px 0 10px;">
							<li style="height:30px;">
								<div id="ajax_loading" style="margin: 10px  auto 15px;text-align:center;">
									<img src="images/loading.gif" style="width: auto; display: block;  margin: auto;">
								</div>
							</li>
						</div>
					</ul>
					<ul style="display: table-cell; vertical-align: top; max-width: 768px;width: 100%;" class="appraise" rel="1" status="1">
						<div style="height:30px;">
							<div id="ajax_loading" style="margin: 10px  auto 15px;text-align:center;">
								<img src="images/loading.gif" style="width: auto; display: block;  margin: auto;">
							</div>
						</div>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="fixed-foot">
	<div class="fixed_inner">
		<a class="btn-fav" href="javascript:void(0);" onclick="alert('收藏成功！')">
			<i class="i-fav"></i><span>收藏</span>
		</a>
		<a class="cart-wrap" href="shopcart.html">
			<i class="i-cart"></i>
			<span>购物车</span>
			<!--<span class="add-num" id="totalNum">0</span>-->
		</a>
		<div class="buy-btn-fix">
			<a class="btn btn-info btn-cart"  onclick="alert('加入购物车成功')">加入购物车</a>
			<a class="btn btn-danger btn-buy" href="buynow.html">立即购买</a>
		</div>
	</div>
</div>
<!--<div style="display: none;" class="modal fade" id="myModalmin" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-content">
      	<form class="form-horizontal" role="form" data-method="formAjax">
	        <div class="modal-header member_tc_top">
	            <button type="button" class="close member_tc_xx" data-dismiss="modal" aria-hidden="true">×</button>
	            <h4 class="modal-title" id="myModalLabel">立即购买</h4>
	        </div>
			<div style="overflow:hidden;width: 100%;padding-top: 20px;">
					<form id="information" action="" method="get" >
						<a class="list-group-item">
							<div class="list_group_img">
							</div>商品名
							<span class="gary pull-right"id="goods" name="goods">传入商品名</span>
						</a>
						<a class="list-group-item">
							<div class="list_group_img">
							</div>价格
							<span class="gary pull-right" id="price" name="price">传入该商品价格</span>
						</a>
						<a class="list-group-item">
							<div class="list_group_img">
							</div>收货地址
							<span class="gary pull-right" id="defAdd" name="defAdd">传入默认收货地址</span>
						</a>
						<input type="submit" name="bug" id="bug" value="确认信息" />
					</form>
			</div>
			<div style="height:60px;"></div>
         </form>
    </div>
</div>-->
<script type="text/javascript">
    var contextPath = '';
    var currProdId = '663';
    var prodName= '艾吉贝2015新款多层收纳真皮单肩斜挎包女包头层牛皮斜跨小包包女';
    var skuDtoList = eval('[{"amountDetail":{"cash":179,"num":1,"price":179,"promotionPrice":179,"totalAmount":179},"name":"艾吉贝2015新款多层收纳真皮单肩斜挎包女包头层牛皮斜跨小包包女","price":179,"properties":"208:636","skuId":1358,"status":1},{"amountDetail":{"cash":179,"num":1,"price":179,"promotionPrice":179,"totalAmount":179},"name":"艾吉贝2015新款多层收纳真皮单肩斜挎包女包头层牛皮斜跨小包包女","price":179,"properties":"208:661","skuId":1359,"status":1},{"amountDetail":{"cash":179,"num":1,"price":179,"promotionPrice":179,"totalAmount":179},"name":"艾吉贝2015新款多层收纳真皮单肩斜挎包女包头层牛皮斜跨小包包女","price":179,"properties":"208:635","skuId":1360,"status":1}]');
    var propValueImgList = eval('[{"imgList":["img/d15bbf94-615d-4b11-9ed8-cb9e2365f12b.jpg","img/f77cb899-e3a5-4ecd-a5dc-af5e2037935f.jpg","img/30259b99-d6ce-44a8-acb8-d6a64278bc88.jpg","img/d2cd16e6-71f0-4c42-b57e-30e417e8a28f.jpg","img/2c06d677-b2ac-459e-8dd0-1c16437333fe.jpg"],"valueId":635},{"imgList":["img/ed971163-f1bf-45e8-b63a-50cf514df3e1.jpg","img/c8117d09-63bc-4e96-adce-89dc7d2017a3.jpg","img/30259b99-d6ce-44a8-acb8-d6a64278bc88.jpg","img/d2cd16e6-71f0-4c42-b57e-30e417e8a28f.jpg","img/01de5ef6-3763-4cfe-bda8-c412266e14c7.jpg"],"valueId":661},{"imgList":["img/53698282-4ff7-4daa-bb4c-4bcaa14b00fc.jpg","img/d2cd16e6-71f0-4c42-b57e-30e417e8a28f.jpg","img/78743cc9-5d29-4289-b0a1-0d5df79e63c7.jpg","img/1c9cc5cf-4ef5-4474-b4ae-7b2f1efa88f0.jpg","img/01de5ef6-3763-4cfe-bda8-c412266e14c7.jpg"],"valueId":636}]');
    var allSelected = true;
    var prodLessMsg = '商品缺货';
    var failedOwnerMsg = '您是商品主人, 不能购买此商品。';
    var failedBasketMaxMsg = '已达到购物车最大数量, 不能购买此商品。';
    var failedBasketErrorMsg = '购物车错误, 不能购买此商品。';
    var photoPath = "";
    var distUserName = '';

    /*/插件：图片轮播
    TouchSlide({
        slideCell:"#slide",
        titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
        mainCell:".bd ul",
        effect:"left",
        autoPlay:false,//自动播放
        autoPage:true, //自动分页
        switchLoad:"_src" //切换加载，真实图片路径为"_src"
    });
    */
    var scrollTop = 0;
    TouchSlide({
        slideCell:"#goodsContent",
        startFun:function(i,c){
            var prodId = $("#prodId").val();
            if(i==1){//规格参数
                var th = jQuery("#goodsContent .bd ul").eq(i);
                /*if(!th.hasClass('hadGoodsContent')){
                    queryParameter(th,prodId);
                }*/

                if($(window).scrollTop() > scrollTop){
                    $(window).scrollTop(scrollTop);
                }

            }else if(i==2){//评价
                var th = jQuery("#goodsContent .bd ul").eq(i);

                /*if(!th.hasClass('hadConments')){
                    queryProdComment(th,prodId);
                }*/

                if($(window).scrollTop() > scrollTop){
                    $(window).scrollTop(scrollTop);
                }
            }else{
                if(scrollTop == 0){
                    $(window).scrollTop(scrollTop);
                    var hd_fav = $('.hd_fav');
                    var position = hd_fav.position();

                    scrollTop = position.top;
                }
            }
        },
    });

    var count=document.getElementById('prodCount');
    var Num=count.getAttribute('value');
    var minus=document.getElementsByClassName('minus')[0];
    var add=document.getElementsByClassName('add')[0];

    minus.onclick=function(){
        if(Num>1){
            Num--;
            prodCount.setAttribute('value',Num);
        }
    }
    add.onclick=function(){
        Num++;
        prodCount.setAttribute('value',Num);
    }
</script>

<footer class="footer"></footer>
</body>
</html>

